@import "src/common/styles/base";
.item-card {
  width: 690px;
  height: 200px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 7px 64px 0px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  margin: 0px auto 20px auto;
  box-sizing: border-box;
  padding: 0 30px;
  display: flex;
  align-items: center;

  .logo {
    width: 100px;
    height: 100px;
    display: block;
    margin-right: 44px;
  }

  .item-con {
    flex: 1;
    overflow: hidden;

    .name {
      font-size: 30px;
      font-weight: 600;
      color: rgba(58, 58, 58, 1);
      line-height: 42px;
      margin-bottom: 20px;
    }

    .desc {
      font-size: 24px;
      font-weight: 400;
      color: rgba(96, 96, 96, 1);
      @include ellipsisByLine(2);
    }

    .agent-info {
      margin-top: 10px;
      display: flex;
      align-items: center;
      font-size: 24px;
      font-weight: 300;
      color: rgba(153, 153, 153, 1);
      line-height: 33px;
      .agent-it {
        display: flex;
        align-items: center;
        overflow: hidden;
        max-width: 250px;
        .icon {
          width: 22px;
          height: 24px;
          display: block;
          margin-right: 14px;
        }
        .text {
          flex: 1;
          overflow: hidden;
          @include ellipsisByLine(1);
        }
      }
    }
  }
}
